<!doctype html>
<html lang="en">
<head>
  <title>popup</title>
  <meta charset="UTF-8">
  <style>
    * {
      margin: 0;
      padding: 0;
    }
    body {
      min-width: 160px;
      overflow-x: hidden;
    }
    li, ul, ol {
      list-style: none;
    }
    .profile-item {
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      height: 36px;
      background: #fff;
      cursor: default;
      line-height: 36px;
    }
    .profile-item:hover {
      background: #ddd;
    }

    .profile-manage {
      border-top: 1px solid #bbb;
    }

  </style>
  <!--
  - JavaScript and HTML must be in separate files: see our Content Security
  - Policy documentation[1] for details and explanation.
  -
  - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
 -->
  <script src="popup.js"></script>
</head>
<body>
<ul>
  <li class="profile-item" data-id="douyu_lol">斗鱼-英雄联盟</li>
  <li class="profile-item" data-id="douyu_tft">斗鱼-云顶之弈</li>
  <li class="profile-item" data-id="huya_lol">虎牙-英雄联盟</li>
  <li class="profile-item" data-id="huya_tft">虎牙-云顶之弈</li>
  <li class="profile-item profile-manage">管理档案</li>
</ul>
</body>
</html>